<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>COACH蔻驰中国官网-源自纽约的国际时尚品牌</title>
		<link rel="stylesheet" type="text/css" href="/libs/bootstrap/css/bootstrap.min.css" />
		<link rel="stylesheet" type="text/css" href="/libs/swiper/swiper.min.css" />
		<link rel="shortcut icon" href="/ico/GIRL.ico"/>
		<link rel="stylesheet" type="text/css" href="/css/index.css" />
		<!-- <script src="libs/bootstrap/js/npm.js" type="text/javascript" charset="utf-8"></script> -->
	</head>
	<body>
		<header></header>
		<main>
			<a href="/html/modules/cart.html">
				<div class="ToCart"></div>
			</a>
			<div id="titles"></div>
			<script type="text/html" id="titlesTemplate">
				<div class="title"><p class="title-big">{{title}}</p></div>
				<div class="title"><p class="title-midden">{{subTitle}}</p></div>
				<div class="title"><p class="title-min">
					<a href="/html/modules/list.html?id=1">{{link[0].text}}</a>
					<a href="/html/modules/list.html?id=2">{{link[1].text}}</a>
				</p></div>
			</script>

			<div class="bannerbox" id="bannerbox"></div>
			<script type="text/html" id="bannerboxTemplate">
				<div class="swiper-container banner">
					<div class="swiper-wrapper" id="imgbox">
						<div class="swiper-slide"><a href="/html/modules/list.html?id=5"><img src={{sliderPc[0]. pcimage}} alt=""></a></div>
						<div class="swiper-slide"><a href="/html/modules/list.html?id=4"><img src="imgs/img-04.jpg" alt=""></a></div>
						<div class="swiper-slide"><a href="/html/modules/list.html?id=6"><img src="imgs/img-01.jpg" alt=""></a></div>
					</div>
					<!-- 如果需要分页器 -->
					<!-- <div class="swiper-pagination"></div>			 -->
					<!-- 如果需要导航按钮 -->
					<div class="swiper-button-prev"></div>
					<div class="swiper-button-next"></div>
					<!-- 如果需要滚动条 -->
					<div class="swiper-scrollbar"></div>
				</div>
				<div class="banner-info">
					<p>{{tipsT.slice(0,23)}}</p>
					<p>{{tipsT.slice(28)}}</p>
				</div>
			</script>
			
			<div class="more-tabby" id="more-tabby"></div>
			<script type="text/html" id="more-tabbyTemplate">
				<h1>{{title}}</h1>
				<div class=" more-tabby-list">
					<div class="row more-tabby-list">
						{{each content.slice(0,4) item}}
						<div class="col-sm-6 col-md-4 tabby-img-box">
							<div class="thumbnail">
								<img src={{item.image}} alt="...">
								<div class="caption ab">
									<a href="/html/modules/list.html?id=7">{{item.name.slice(6,-7)}}</a>
								</div>
							</div>
						</div>
						{{/each}}
					</div>
				</div>
			</script>
			

			<div class="handbag" id="handbag"></div>
			<script type="text/html" id="handbagTemplate">
				<div class="handbag-img">
					<a href="/html/modules/list.html?id=8"><img src={{bannerPc}}></a>
				</div>
				<div class="handbag-info">
					<h1>{{title}}</h1>
					<a href="/html/modules/list.html?id=9">{{link[0].text}}</a>
				</div>
			</script>

			<div class="hot-shop" id="hot-shop"></div>
			<script type="text/html" id="hot-shopTemplate">
				<div class="hot-shop-txt">
					<h1>{{title}}</h1>
				</div>
				<div class="hot-shop-buy">
					<a href="/html/modules/list.html?id=10"><span>{{link[0].text}}</span></a>
					<a href="/html/modules/list.html?id=11"><span>{{link[1].text}}</span></a>
				</div>
				<div class="hot-shop-show">
					<ul class="hot-shop-list">
						{{each category[0].products item}}
						<li class="shop-show list-1"><img src={{item.image}}><a href="/html/modules/list.html?id=14"><span>{{item.link.title}}</span></a></li>
						{{/each}}
					</ul>
				</div>
			</script>

			<div class="coach-story" id="coach-story"></div>
			<script type="text/html" id="coach-storyTemplate">
				<h1>{{blockTitle}}</h1>
				<div class="story-box">
					<div class="story-txt">
						<h3>{{items[0].title.slice(0,10)}}<br/>{{items[0].title.slice(15)}}</h3>
						<p><a href="/html/modules/list.html?id=12"><span>{{items[0].link[0].text}}</span></a></p>
						<p><a href="/html/modules/list.html?id=13"><span>{{items[0].link[1].text}}</span></a></p>
					</div>
					<div class="story-img">
						<a href="/html/modules/list.html?id=19"><img src={{items[0].pcVideoPoster}}></a>
					</div>
				</div>
			</script>

			<div class="home-love" id="home-love"></div>
			<script type="text/html" id="home-loveTemplate">
					<h4>{{text}}</h4>
			</script>


		</main>
		<div class="coach-serve" id="coach-serve"></div>
		<script type="text/html" id="coach-serveTemplate">
			<h2>{{title}}</h2>
			<div class="coach-serve-info">
			{{each items shop}}
				<dl>
					<dt><img src={{shop.icon}}></dt>
					<dd>
						<h4>{{shop.name}}</h4>
						<p>{{shop.details}}</p>
						<!-- <p>{{shop.details.slice(15)}}</p> -->
						<a href="/html/modules/list.html?id=14"><span>{{shop.action}}</span></a>
					</dd>
				</dl>
			{{/each}}	
			</div>
		</script>

		<footer></footer>

		<script src="/libs/require-demo/require.js" data-main="/js/index.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
		</script>
	</body>
</html>
